;(function(global) {
  global.comment = {
    template: `
          <div>
            <van-row>
                <van-col span="4">
                  <img class="comment-avatar" :src="item.avatar" alt="加载失败">
                </van-col>
                <van-col span="20">
                  <div class="flex-wrap flex-justify-between flex-center-wrap">
                    <div v-if="item.ishidename==0" class="comment-nickname">{{ item.nickname }}</div>
                    <div v-else>匿名用户</div>
                    <div>
                      <span v-if="Number(item.activated_passed_days) >0" class="comment-day">激活{{ item.activated_passed_days }}天后评价</span>
                      <span v-else class="comment-day">激活当天评价</span>
                    </div>
                  </div>
                  <div class="flex-wrap flex-justify-between flex-center-wrap">
                    <div class="comment-time">
                      <span>{{ item.create_time }}</span>
                    </div>
                    <div>
                      <van-rate v-model="item.stars" size="0.28rem" :readonly="true"/>
                    </div>
                  </div>
                </van-col>
            </van-row>
            <div class="comment-commonet">{{item.commonet}}</div>
            <div v-if="item.reply.content" class="comment-replay">{{item.reply.content}}</div>
          </div>
      `,
    data() {
      return {}
    },
    watch: {
      item: {
        deep: true,
        handler: function() {}
      }
    },
    props: ['item'],
    computed: {},
    methods: {},
    created() {},
    mounted() {}
  }
})(window)
